{% extends "base.html" %}

{% block content %}
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <div id="options-panel" class="panel panel-info">
                <div class="panel-heading">
                    Options
                </div>
                <div class="panel-body">
                    ...
                </div>
            </div>
            <div id="country-panel" class="panel panel-info">
                <div class="panel-heading">
                    Info
                </div>
                <div class="panel-body">
                    ...
                </div>
            </div>
            <div id="legend-panel" class="panel panel-info">
                <div class="panel-heading">
                    Legend
                </div>
                <div class="panel-body">
                    ...
                </div>
            </div>

        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 map-wrapper">
            <div id="map"></div>
        </div>
    </div>
{% endblock %}

